.main-content-div {
    width: 96.5%;
    margin: 0 auto 10px;
    background-color: rgb(168, 168, 168, 0.2);
    border-radius: 5px;
    padding-bottom: 50px;
    overflow: hidden;
}

.search-div {
    width: 90%;
    height: 55px;
    margin: 20px auto 10px;
    background-color: white;
}

.btn {
    width: 100px;
}

.navbar {
    float: right;
}

.content-list{
    width: 90%;
    height: 600px;
    background-color: white;
    margin: 0 auto;
}

.con-list-top{
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(219, 219, 219, 0.2);
    display: flex;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.con-list-top div,
.con-lists div{
    flex: 1;
    border-right: 1px solid #ddd;
}

.con-list-top .orderid,
.con-list-top .orderdate,
.con-lists .orderid,
.con-lists .orderdate{
    flex: 2;
}

.con-list-top .caozuo,
.con-lists .caozuo{

    border-right: none;
}

#content{
    width: 100%;
    height: 560px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#content::-webkit-scrollbar {
    display: none;
}

.con-lists{
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    display: flex;
    border-bottom: 1px solid #ddd;
    text-align: center;
    cursor: pointer;
}

.con-lists .caozuo a:hover{
    color: tomato;
}

.con-lists .caozuo a{
    text-decoration: none;
    color: black;
}

